Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / rnode / RNodeDeviceDisplay.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<div Te6edf3v-if=Ta5d6ff"image" Te6edf3class=Ta5d6ff"p-4 rounded-2xl bg-zinc-950 flex flex-col items-center gap-2 border border-zinc-800"Tff7b72>

Tff7b72<img Te6edf3:src=Ta5d6ff"image" Te6edf3alt=Ta5d6ff"RNode display" Te6edf3class=Ta5d6ff"h-24 sm:h-28 pixelated" Tff7b72/>

Tff7b72<button

Te6edf3type=Ta5d6ff"button"

Te6edf3class=Ta5d6ff"text-[10px] font-bold uppercase tracking-wider text-zinc-400 hover:text-zinc-200"

@Te6edf3click=Ta5d6ff"$emit('clear')"

Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"common.clear"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72</div>

Tff7b72</template>

Tff7b72<scriptTff7b72>

export default {

name: "RNodeDeviceDisplay",

props: {

image: { type: String, default: null },

},

emits: ["clear"],

};

Tff7b72</script>

Tff7b72<style scopedTff7b72>

.pixelated {

image-rendering: pixelated;

}

Tff7b72</style>